<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>待办</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="css/frozen.css">
		<link rel="stylesheet" href="css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/app.css">
		<script src="lib/zepto.min.js"></script>
		<script src="js/frozen.js"></script>
	</head>

	<body ontouchstart>
		<header class="ui-header ui-header-positive ui-border-b">
			<h1>通讯录</h1>
		</header>
		<div class="footer fixed-bottom">
			<div class="footer-main full">
				<a href="index.html" class="loading">
					<!-- <i class="iconfont icon-home"></i> -->
					<img src="img/ic_tab_msg.png" class="iconfont" alt="">
					<p>消息</p>
				</a>
				<a href="needto.html" class="loading">
					<img src="img/ic_tab_task.png" class="iconfont" alt="">
					<p>待办</p>
				</a>
				<a href="application.html" class="right loading">
					<img src="img/ic_tab_app.png" class="iconfont" alt="">
					<p>应用</p>
				</a>
				<a href="contacts.html" class="loading">
					<img src="img/ic_tab_contacts_check.png" class="iconfont" alt="">
					<p>通讯录</p>
				</a>
				<a href="me.html" class="loading">
					<img src="img/ic_tab_me.png" class="iconfont" alt="">
					<p>我的</p>
				</a>
			</div>
		</div>

		<style>
			.icon_big {
				width: 50px;
				height: 50px;
			}
		</style>
		<section class="ui-container">
			<p class="demo-desc">常用联系人</p>
			<div class="footer-main full" style="background: #fff">
				<a href="#">
					<span style="background-image:url(img/ic_boss.png);margin:0 auto;" class="ui-avatar"></span>
					<p>BOSS</p>
				</a>
				<a href="#">
					<span style="background-image:url(img/ic_manager.png);margin:0 auto;" class="ui-avatar"></span>
					<p>经理</p>
				</a>
				<a href="#">
					<span style="background-image:url(img/ic_headpic1.png);margin:0 auto;" class="ui-avatar"></span>
					<p>张三</p>
				</a>
				<a href="#">
					<span style="background-image:url(img/ic_headpic2.png);margin:0 auto;" class="ui-avatar"></span>
					<p>李四</p>
				</a>
			</div>
			<p class="demo-desc">部门联系人</p>


		<ul class="ui-list ui-list-text ui-list-active ui-list-cover ui-border-tb">
			<li class="ui-border-t">
				<p>领导层（3）</p>
			</li>
			<li class="ui-border-t">
				<p>基础设施保障部（15）</p>
			</li>
			<li class="ui-border-t">
				<p>智能制造推进部（30）</p>
			</li>
			<li class="ui-border-t">
				<p>企业运营管理部（8）</p>
			</li>
			<li class="ui-border-t">
				<p>SAP服务推广部（30）</p>
			</li>
		</ul>
	</section>


</html>